@charset "UTF-8";
/* author:hebo hb0117@163.com 20170306 */
.frame_headerWarp header div{height:52px;}
.frame_headerWarp header div.frame_logo{}
.main{padding:20px;background:#ffffff;width:100%;height:100%;}

/*******************  蓝色 ****************
.menuIcon{width:100%;background:url("../images/icon4.png") 60px 0 no-repeat;height:52px;margin:15px 0;}

.model_menu{display:block;width:100%;color:#95a0aa;font-size:14px;line-height:40px;}
.model_menu li{display:block;}
.model_menu li.model_menu_one .modelOne_menuTitle{padding-left:58px;position:relative;border:1px solid #ebebeb;}
.model_menu li.model_menu_one .modelOne_menuTitle:after{content:url("../images/monitor.png");position:absolute;top:2px;right:10px;}
.model_menu li.model_menu_one .modelOne_menuTitle i.iconStyle{display:block;width:40px;text-align:center;position:absolute;top:0;left:0;font-size:18px;color:#95a0aa;background: #f6f6f6;}
.model_menu li.model_menu_one .modelOne_menuTitle_SE{background: #d1f3f2;color: #7dc4c1;border:1px solid #9ad9d6;}
.model_menu li.model_menu_one .modelOne_menuTitle_SE i.iconStyle{display:block;width:40px;text-align:center;position:absolute;top:0;left:0;font-size:18px;color:#ffffff;background: #9ad9d6;}
.model_menu li.model_menu_one .modelOne_menuTitle_SE:before{content:"";}
.model_menu_sub{background:#ffffff;color:#8e8e8e;width:100%;padding:1px 0;}
.model_menu_sub li.model_menu_two{display:block;font-size:12px;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle{padding:5px 0  5px 58px;line-height:30px;position:relative;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle i{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background: #f9f9f9;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle:hover{color: #7dc4c1;background: #d1f3f2;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle:hover i{display:block;width:40px;position:absolute;top:0;left:0;background: #d1f3f2;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle_SE{color: #7dc4c1;background: #d1f3f2;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle_SE i{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background: #d1f3f2;}
**/

/******************  橙色   ****************/
.menuIcon{width:100%;background:url("../images/icon4_1.png") 60px 0 no-repeat;height:52px;margin:15px 0;}

.model_menu{display:block;width:100%;color:#95a0aa;font-size:14px;line-height:40px;}
.model_menu li{display:block;}
.model_menu li.model_menu_one .modelOne_menuTitle{padding-left:58px;position:relative;border:1px solid #ebebeb;}
.model_menu li.model_menu_one .modelOne_menuTitle:after{content:url("../images/monitor.png");position:absolute;top:2px;right:10px;}
.model_menu li.model_menu_one .modelOne_menuTitle i.iconStyle{display:block;width:40px;text-align:center;position:absolute;top:0;left:0;font-size:18px;color:#95a0aa;background: #f6f6f6;}
.model_menu li.model_menu_one .modelOne_menuTitle_SE{background:#fce4cf;color:#e99b56;border:1px solid #f6c396;}
.model_menu li.model_menu_one .modelOne_menuTitle_SE i.iconStyle{display:block;width:40px;text-align:center;position:absolute;top:0;left:0;font-size:18px;color:#ffffff;background: #f6c396;}
.model_menu li.model_menu_one .modelOne_menuTitle_SE:before{content:"";}
.model_menu_sub{background:#ffffff;color:#8e8e8e;width:100%;padding:1px 0;}
.model_menu_sub li.model_menu_two{display:block;font-size:12px;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle{padding:5px 0  5px 58px;line-height:30px;position:relative;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle i{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background: #f9f9f9;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle:hover{color:#e99b56;background: #fce4cf;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle:hover i{display:block;width:40px;position:absolute;top:0;left:0;background: #fce4cf;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle_SE{color:#e99b56;background: #fce4cf;}
.model_menu_sub li.model_menu_two .modelTwo_menuTitle_SE i{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background: #fce4cf;}

.warpbox{padding:0 10px 20px 10px;}
.warpbox #tab{background:#ffffff;border: 1px solid #e8e8e8;border-bottom:0;}
.warpbox #tab{position:relative;}
.warpbox #tab i.iconfont{width:30px;heigth:30px;background:#ffffff;border:1px solid #d2d2d2;position:absolute;top:5px;right:20px; font-size:20px;line-height:30px;color:#444444;text-align:center;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;cursor: pointer;}
.warpbox #tab ul{display:block;width:100%;height:41px;background:#f2f2f2;}
.warpbox #tab ul li{diplay:block;position:relative;float:left;width:118px;top:-1px;left:-1px;height:41px; overflow:hidden;font-size:13px; font-family:"微软雅黑",Arial, "宋体"; cursor:pointer;}
.warpbox #tab ul li div{height:41px; line-height:38px;border:1px solid #e8e8e8;}
.warpbox #tab ul li div.tab_off{ width:118px; text-align:center; color:#929292; overflow:hidden; text-decoration:none;}
.warpbox #tab ul li div.tab_off:hover{background:#e6e7e7;}
.warpbox #tab ul li span.btn_off{ width:20px; height:20px; position:absolute; top:10px; right:5px; background:url("../images/closes.png") 0 0 no-repeat;}
.warpbox #tab ul li span.btn_off:hover{background:url("../images/closes.png") 0 -20px no-repeat;}
.warpbox #tab ul li div.tab_on{  text-align:center; color:#444444; overflow:hidden; text-decoration:none;background:#fff;border-bottom:1px solid #fff;}
.warpbox #tab ul li span.btn_on{ width:20px; height:20px; position:absolute; top:10px; right:5px;background:url("../images/closes.png") 0 0 no-repeat;}
.warpbox #tab ul li span.btn_on:hover{background:url("../images/closes.png") 0 -20px no-repeat;}
.warpbox .contentWarp{background:#ffffff;width:100%;height:auto;border: 1px solid #e8e8e8;border-top:0;}
.warpbox .contentWarp:after{
    *zoom: 1;
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.warpbox .contentWarp div{background:#ffffff;width:100%;height:100%;}
.warpbox .contentWarp div.ndiv{display:none;padding:10px;}
.warpbox .contentWarp div.fdiv{display:block;padding:10px;}

.frame_time{display:inline-block;padding-left:30px;height:52px;line-height: 52px;color:#ffffff;}
.frame_time i.iconfont{color:#ffffff;font-size:18px;margin-right:5px;}
.frame_name{display:inline-block;width:120px;height:52px;margin:0 5px;line-height: 52px;color:#ffffff;text-align: center;}
.frame_over{display:inline-block;width:50px;height:52px;line-height: 52px;color:#ffffff;text-align: center;margin:0 5px;}
.frame_name:hover,.frame_over:hover{background: #515151;}